<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>JD_Banner</title>
		<link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css">
		<link rel="stylesheet" href="css/index.css">
		
	</head>
	<body>
		<div class="slider-wrap J_sliderWrap">
			<div class="slider">
				<ul class="slider-list">
					<li class="item cur">
						<a href="" class="item-link">
							<img src="images/1.jpg" alt="" class="item-img">
						</a>
					</li>
					<li class="item">
						<a href="" class="item-link">
							<img src="images/2.jpg" alt="" class="item-img">
						</a>
					</li>
					<li class="item">
						<a href="" class="item-link">
							<img src="images/3.jpg" alt="" class="item-img">
						</a>
					</li>
					<li class="item">
						<a href="" class="item-link">
							<img src="images/4.jpg" alt="" class="item-img">
						</a>
					</li>
					<li class="item">
						<a href="" class="item-link">
							<img src="images/5.jpg" alt="" class="item-img">
						</a>
					</li>
				</ul>
			</div>
			<a href="javascript:;" class="slider-btn J_sliderBtn forward fa fa-angle-right" data-dir="forward"></a>
			<a href="javascript:;" class="slider-btn J_sliderBtn backward fa fa-angle-left" data-dir="backward"></a>
			<div class="indicator">
				<i class="indicator-item cur"></i>
				<i class="indicator-item"></i>
				<i class="indicator-item"></i>
				<i class="indicator-item"></i>
				<i class="indicator-item"></i>
			</div>
		</div>
		<script src="js/jquery-3.2.1.js"></script>
		<script src="js/index.js"></script>
	</body>
</html>
